<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>车险投保</title>
    <jsp:include page="/static/common/common_header.jsp"/>
    <style>
        tr {
            color: #3c3c3c;
            font-family: Arial,"Microsoft YaHei","微软雅黑";
            font-size: 12px;
            font-style: normal;
        }
    </style>
    <script type="text/javascript" src="/static/js/policy/addpolicy.js"></script>
</head>
<body>
<form id="form" method="post">
    <div id="p" class="easyui-panel" data-options="fit:true">
        <div id="aa" class="easyui-accordion" data-options="fit:true,multiple:true,selected:false">
            <div id="accord1" title="投保人" style="overflow:auto;padding:10px;"
                 data-options="multiple:true,selected:false">
                <table>
                    <!--拿到的保险产品的id-->
                    <input type="hidden" name="car.customer.id">
                    <input type="hidden" name="customer.id"/>
                    <tr style="height: 40px;">
                        <td>姓名</td>
                        <td width="300"><input class="easyui-validatebox textbox"  name="customer.name" data-options="required:true,validType:'length[3,10]'"></td>
                        <td align="left">性别</td>
                        <td width="300">
                            <select id="customergender" name="customer.gender" class="easyui-combobox"
                                    data-options="panelHeight:'auto',width:'60px'">
                                <option value="1">男</option>
                                <option value="0">女</option>
                            </select>
                        </td>
                        <td>身份证</td>
                        <td width="300px">
                            <input name="customer.idNo" class="easyui-validatebox textbox" style="width: 152px;height: 30px;"
                                   data-options="required:true,validType:'idcard'"/>
                        </td>
                    </tr>
                    <tr style="height: 40px;">
                        <td>联系方式</td>
                        <td>
                            <input class="easyui-validatebox textbox" style="width: 152px;height: 30px;" name="customer.tel" data-options="required:true,validType:'mobile'"/>
                        </td>
                    </tr>
                    <tr style="height: 40px;">
                        <td>通讯地址</td>
                        <td>
                            <input id="address" name="customer.address"
                                   class="easyui-textbox" style="width: 300px"/>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <th>
                            <a class="easyui-linkbutton"
                               data-options="iconCls:'icon-search'" data-cmd="choose_customer">会员客户</a>
                        </th>
                    </tr>
                </table>

            </div>
            <div id="accord3" title="车辆信息" data-options="multiple:true,selected:false" style="overflow:auto;padding:10px;">
                <table>
                    <tr style="height: 40px;">
                        <td>车主姓名:</td>
                        <td width="300px">
                            <input class="easyui-textbox" style="width: 150px;" type="text" name="car.customer.name" id="car.customer.name"
                                   data-options="required:true"/>
                        </td>
                        <td>品牌</td>
                        <td width="300px">
                            <input id="carbrand" class="easyui-textbox" style="width: 150px;" name="car.brand"/>
                        </td>
                        <td>型号</td>
                        <td width="300px">
                            <input id="carmodel" name="car.model" style="width: 150px;" class="easyui-textbox"/>
                        </td>
                    </tr>
                    <tr style="height: 40px;">
                        <td>车牌号码</td>
                        <td>
                            <input id="carplateNumber" name="car.plateNumber" class="easyui-validatebox textbox" data-options="required:true"
                                   style=" width: 150px"/>
                        </td>
                        <td>排气量</td>
                        <td>
                            <input id="cargasDisplacement" name="car.gasDisplacement" style="width: 150px;" class="easyui-textbox"/>L
                        </td>
                        <td>汽车分类</td>
                        <td>
                            <select class="easyui-combobox" name="car.category" id="carcategory" style="width:150px;"
                                    data-options="panelHeight:'auto'">
                                <option value="1">载客</option>
                                <option value="0">载物</option>
                            </select>
                        </td>
                    </tr>
                    <tr style="height: 40px;">
                        <td >购置日期</td>
                        <td>
                            <input name="car.purchaseDate" id="carpurchaseDate" style="width:150px;"
                                   class="easyui-datebox"/>
                        </td>
                        <td>市场估价</td>
                        <td>
                            <input  name="car.valuation" id="carvaluation" class="easyui-textbox" style="width:150px;"/>万
                        </td>
                        <td>车载大小</td>
                        <td>
                            <select class="easyui-combobox" id="carsize" name="car.size" style="width:150px;"
                                    data-options="panelHeight:'auto'">
                                <option value="0">小型</option>
                                <option value="1">中型</option>
                                <option value="2">大型</option>
                                <option value="3">超大型</option>
                            </select>
                        </td>
                    </tr>

                    <tr style="height: 40px;">
                        <td>
                            <a class="easyui-linkbutton" style="width:150px;"
                               data-options="iconCls:'icon-search'" data-cmd="choose_car">常见车型选择</a>
                        </td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
            <div id="accord4" title="保险产品" data-options="multiple:true,selected:false" style="padding:10px;">
                <table>
                    <tr>
                        <td>承保机构</td>
                        <td width="300">
                            <input id="safe_select" name="safetyMechanism.id" style="width:200px;" onchange="changeSafe();"/>
                            <a class="easyui-linkbutton" data-options="iconCls:'icon-xinzeng'" data-cmd="add_product">添加产品</a>
                        </td>
                        <td>保险时长</td>
                        <td>
                            <input name="duration" style="width: 40px;" id="duration" class="easyui-validatebox textbox" data-options="required:true" onchange="calculate();"/>年
                        </td>
                    </tr>
                    <tr id="hidethis" class="product-tr" data-oid="-1">
                        <td>保险产品:</td>
                        <td id="productName" width="300">防碰瓷险</td>
                        <td>产品编号:</td>
                        <td id="productSn" width="200">5464</td>
                        <td>保险年费:</td>
                        <td id="annuaFlee" class="annuaFlee" width="100">0</td>
                        <td><a class="easyui-linkbutton"
                               data-options="iconCls:'icon-shanchu',plain:'true'" onclick="delete_this(this);"></a></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td valign="bottom"><font>总计: </font></td>
                        <td valign="bottom"><font color="red" size="10" id="totalAmount">0</font></td>
                        <td valign="bottom"><font>元</font></td>
                    </tr>
                </table>
            </div>
            <div style="margin:20px 0;"></div>

            <input type="button" style="margin-left: 550px;width:110px;height: 40px;" onclick="temporary_submit();"
                   class="easyui-linkbutton" value="暂存保单">
            <%--<a id="submit_all" style="margin-left: 550px;width:110px;height: 40px;" class="easyui-linkbutton"
                       data-options="iconCls:'icon-search'" onclick="submit_all()">提交保单</a>--%>
        </div>
    </div>

    <!--选择保险产品的页面布局-->
    <div id="choose_product_dialog">
        <table id="product_datagrid"></table>
    </div>
    <!--选择客户的页面布局-->
    <div id="choose_customer_dialog">
        <table id="customer_datagrid"></table>
    </div>
    <!--选择车辆的页面布局-->
    <div id="choose_car_dialog">
        <table id="car_datagrid"></table>
    </div>

    <!--保险产品的底部按钮-->
    <div id="product_btns2">
        <a class="easyui-linkbutton" iconCls="icon-ok" plain="true" data-cmd="select_product">确定</a>
    </div>
    <!--保险产品的底部按钮-->
    <div id="customer_btns2">
        <a class="easyui-linkbutton" iconCls="icon-ok" plain="true" data-cmd="select_customer">确定</a>
    </div>
    <!--汽车的底部按钮-->
    <div id="car_btns2">
        <a class="easyui-linkbutton" iconCls="icon-ok" plain="true" data-cmd="select_car">确定</a>
    </div>
</form>

</body>
</html>

